<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的记录</title>
    <script src="/static/JS/myrecords.js"></script>
    <link rel="stylesheet" href="/static/CSS/myrecords.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-dark bg-dark">
    <ul class="left">
        <li><a href="">主页</a></li>
        <li><a href="/lease/">租赁游艇</a></li>
        <li><a href="/myrecords/">我的记录</a></li>
        <!--<li><a href="/admin/">管理网站</a></li>-->
    </ul>
    <ul class="right" id="right">
        <button type="button" onclick="window.location.href='/login/'" class="btn btn-outline-light me-2">Login</button>
        <button type="button" onclick="window.location.href='/signup/'" class="btn btn-warning">Sign-up</button>
    </ul>
</nav>
<h1>我的记录</h1>
<table class="table table-hover">
    <thead>
    <tr>
        <th>游艇号</th>
        <th>游艇名</th>
        <th>租赁时间</th>
        <th>归还时间</th>
        <th>状态</th>
    </tr>
    </thead>
    <tbody class="records" id="records">

    </tbody>
</table>
</body>
</html>